<template>
  <div class="about-us">
     <div class="centered">
        <h2>关于我们</h2>
        <span></span>
        <p>{{this.aboutus.excerpt}}</p>
        <router-link :to="{ path: '/Company'}" class="button">了解详情</router-link>
        <img :src="aboutus.cover" alt="" height="auto" width="100%">
     </div>
  </div>
</template>
<script>
export default {
  name: 'AboutUs',
  data(){
      return {
          aboutus: []
      }
  },
  created(){
      var node = this;
      window.$.get({
          url: this.apiUrl + '/articles/page/about',
          data: {id: 1},
          success: function(res){
              node.aboutus = res.data
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
              console.log(XMLHttpRequest.status)
              console.log(XMLHttpRequest.readyState)
              console.log(textStatus)
              console.log(errorThrown)
          }
      });
  },
  computed:{
      getbackground(){

      }
  }
}
</script>
<style scoped>
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  overflow: hidden;
}
.about-us{
    width: 100%;
    height: 675px;
    margin-top: 50px;  
  }
.about-us .centered{
    width: 1200px;
    height: 675px;
    margin: 0 auto;
    background-size: 1200px 675px;
    position: relative;
}  
.about-us h2{
    width: 147px;
    height: 45px;
    font-size: 36px;
    color: #110567;
    position: absolute;
    left: 680px;
    right: 373px;
    top: 110px;
    bottom: 537px;
}
.about-us span{
    width: 147px;
	height: 6px;
	border-bottom: solid 3px #009ae9;
    display: inline-block;
    position: absolute;
    left: 679px;
    right: 449px;
    top: 156px;
    bottom: 519px;
}  
.about-us p{
    width: 458px;
    height: 145px;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    position: absolute;
    left: 680px;
    right: 62px;
    top: 197px;
}
.about-us .button{
    width: 170px;
    height: 50px;
    background-color:#009ae9;
	border-radius: 20px;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    position: absolute;
    left: 951px;
    right: 79px;
    top: 440px;
    border: 0;
    outline: none;
    text-align: center;
    text-decoration: none;
}
</style>
